// Import all of Bootstrap's CSS
@import "~bootstrap/scss/bootstrap";

/* 选择滚动条本身 */
::-webkit-scrollbar {
    width: 4px; /* 设置滚动条宽度 */
  }
  
  /* 可选：当鼠标悬停在滚动条上时的样式 */
  ::-webkit-scrollbar:hover {
    background-color: rgb(36, 36, 36); /* 设置背景色 */
  }
  /* 选择滚动条拖动块（滑块） */
::-webkit-scrollbar-thumb {
    background-color: rgb(255, 255, 90);  /* 设置拖动块背景色 */
    border-radius: 10px; /* 设置拖动块圆角 */
  }
  
  /* 可选：当鼠标悬停在滚动条拖动块（滑块）上时的样式 */
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgb(67, 255, 70); /* 设置鼠标悬停时的背景色 */
  }
  /* 选择滚动条轨道 */
::-webkit-scrollbar-track {
    background-color: rgb(36, 36, 36); /* 设置轨道背景色 */
  }
  
  /* 可选：当鼠标悬停在滚动条轨道上时的样式 */
  ::-webkit-scrollbar-track:hover {
    background-color: rgb(36, 36, 36); /* 设置鼠标悬停时的背景色 */
  }
  /* 选择滚动条边角 */
::-webkit-scrollbar-corner {
    background-color: transparent; /* 设置边角背景色 */
  }
  